﻿@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_AdminLayout.cshtml";
}

@section scripts
{
    <script src="~/Scripts/knockout-bootstrap.min.js"></script>
    <script src="~/Scripts/App/Admin/index.js"></script>
}

<div class="row">
    <div class="col-sm-6 col-lg-6">
        <div class="widget">
            <div class="widget-simple">
                <a href="./page_ready_article.php.html" class="widget-icon pull-left themed-background-autumn animation-fadeIn">
                    <i class="fa fa-file-text"></i>
                </a>
                <h3 class="widget-content text-right animation-pullDown"><span data-bind="text: Hits"></span><strong>Truy Cập</strong><br />
                    <small>Trong Ngày</small>
                </h3>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-lg-6">
        <div class="widget">
            <div class="widget-simple">
                <a href="./page_comp_gallery.php.html" class="widget-icon pull-left themed-background-amethyst animation-fadeIn">
                    <i class="gi gi-picture"></i>
                </a>
                <h3 class="widget-content text-right animation-pullDown">+<span data-bind="text: Ads "></span><strong> Quảng Cáo</strong>
                    <small>Hôm Nay</small>
                </h3>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-6">
        <div class="widget">
            <div class="widget-extra themed-background-dark">
                <h3 class="widget-content-light"><strong>Quảng Cáo</strong> Đăng Gần Đây
                </h3>
            </div>
            <div class="widget-extra">
                <div class="timeline">
                    <ul class="timeline-list" data-bind="foreach: NewestAds">
                        <li class="active">
                            <div class="timeline-icon"><i class="gi gi-certificate"></i></div>
                            <div class="timeline-time"><small data-bind="timeAgo: DateCreated"></small></div>
                            <div class="timeline-content">
                                <p class="push-bit"><a href="../Admin/ListAdvertise"><strong data-bind="text: Title">Quảng cáo title</strong></a></p>
                                <p class="push-bit" data-bind="text: ShortDes">Mô tả sơ sơ thôi nào</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="block full">
            <div class="block-title">
                <h2><strong>TK</strong> Người Dùng</h2>
            </div>
            <div id="chart-staticMemPub" class="chart"></div>
            <div class="widget-main">
                    <div class="row text-center">
                        <div class="col-xs-6">
                            <h3 class="animation-hatch"><strong data-bind="text: mems">7.500</strong><br />
                                <small>Người Dùng</small></h3>
                        </div>
                        <div class="col-xs-6">
                            <h3 class="animation-hatch"><strong data-bind="text: pubs">10.970</strong><br />
                                <small>Người Đăng QC</small></h3>
                        </div>
                    </div>
                </div>
        </div>
        <div class="block">
            <div class="block-title">
                <h2><strong>Người Dùng Mới</strong> <small>• <a href="#" data-bind="text: NewestUsers().length"></a></small></h2>
            </div>
            <div class="row text-center" data-bind="foreach: NewestUsers">
                <div class="col-xs-4 col-sm-3 col-lg-2 block-section">
                    <img title="" height="64" width="64" class="img-circle" style="cursor: pointer" data-bind="tooltip: { title: UserName }, src: Avatar" alt="image">
                </div>
            </div>
        </div>
    </div>
</div>
